page{
    // 本身是无高度随子元素撑开，默认设置可视窗口一样大，不包括tabbar区域和头顶
    height: 100%;
}
.cates{
    height: 100%;
    .cates-container{
        // calc是wxss微信计算的方法，less不能正常计算，原样输出
        height: ~'calc(100vh-90rpx)';
        display: flex;
        .left_menu{
            flex: 2;
            .menu_item{
                height: 80rpx;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 30rpx;

            }

        }
        .right_content{
            flex: 5; 
            // background-color: aquamarine;
            .goods_title{
                height: 80rpx;
                display: flex;
                justify-content: center;
                align-items: center;
                color: #000;
                padding: 0 10rpx;
                font-size: 30px;

            }
            .goods_list{
                // 子元素允许换行
                display: flex;
                flex-wrap: wrap;
                navigator{
                    width: 33.33%;
                    text-align: center;
                    image{

                    }
                    .goods_name{
                        font-size: 20rpx;

                    }

                }

            }


        }

    }
}